<template>
    <div>
        <section class="wrap">
            <aside class="v-aside"><Aside></Aside></aside>
            <div class="main">
                <header>
                    <ul>
                        <Nav :title="'关于'"></Nav>
                    </ul>
                    <div class="clearfixed"></div>
                </header>
                <div class="content">
                    <div class="detail"><h3 style="line-height:15px;">关于</h3>
                        <p>CNode 社区为国内最大最具影响力的 Node.js 开源技术社区，致力于 Node.js 的技术研究。</p>
                        <p>CNode 社区由一批热爱 Node.js 技术的工程师发起，目前已经吸引了互联网各个公司的专业技术人员加入，我们非常欢迎更多对 Node.js 感兴趣的朋友。</p>
                        <p>CNode 的 SLA 保证是，一个9，即 90.000000%。</p>
                        <p>社区目前由 <a href="http://cnodejs.org/user/alsotang" target="_blank">@alsotang</a> 在维护，有问题请联系：<a href="https://github.com/alsotang" target="_blank">https://github.com/alsotang</a></p>
                        <p>请关注我们的官方微博：<a href="http://weibo.com/cnodejs" target="_blank">http://weibo.com/cnodejs</a></p>
                        <h3>移动客户端</h3>
                        <p>客户端由 <a href="https://cnodejs.org/user/soliury" target="_blank">@soliury</a> 开发维护。</p>
                        <p>源码地址： <a href="https://github.com/soliury/noder-react-native" target="_blank">https://github.com/soliury/noder-react-native</a> 。</p>
                        <p>立即体验 CNode 客户端，直接扫描页面右侧二维码。</p>
                        <p>另，安卓用户同时可选择：<a href="https://github.com/TakWolf/CNode-Material-Design" target="_blank">https://github.com/TakWolf/CNode-Material-Design</a> ，这是 Java 原生开发的安卓客户端。</p>
                        <div class="about-friend-links">
                            <h3>友情链接</h3>

                            <a href="https://www.huoban.com/" target="_blank">
                                <img src="//dn-cnode.qbox.me/Ftmw28ed0I_rir7YYz3c_jVPkCGx">
                            </a>

                            <a href="http://100offer.com/" target="_blank">
                                <img src="//dn-cnode.qbox.me/FmU1Ik57z6wrl9JDTNdcYBTDetFq">
                            </a>

                            <a href="https://www.teambition.com/" target="_blank">
                                <img src="//dn-cnode.qbox.me/FkMR_SqpCp4Q0eDIaWrQlALiXdmP">
                            </a>

                            <a href="http://yunzhihui.com/" target="_blank">
                                <img src="//dn-cnode.qbox.me/Fq2cV_14IFHwelZ-6jey42Z0-eOR">
                            </a>

                            <a href="http://www.jiguang.cn/" target="_blank">
                                <img src="//dn-cnode.qbox.me/FijGJbij9GObh5AXw-Vyu5LGn08a">
                            </a>

                            <a href="http://segmentfault.com/" target="_blank">
                                <img src="//o4j806krb.qnssl.com/public/images/temp/sf.png">
                            </a>

                            <a href="http://ionichina.com/" target="_blank">
                                <img src="//o4j806krb.qnssl.com/public/images/temp/ionichina.png">
                            </a>

                        </div>

                        <div class="">
                            <h3>LOGO</h3>
                            <p>
                                白底： <a href="/public/images/cnodejs.svg" target="_blank">/public/images/cnodejs.svg</a>
                            </p>
                            <p>
                                黑底： <a href="/public/images/cnodejs_light.svg" target="_blank">/public/images/cnodejs_light.svg</a>
                            </p>
                        </div>
                    </div>
                </div>    
            </div>    
            <div class="clearfixed"></div>
        </section>
    </div>
</template>

<script>
import Nav from "../components/nav";
import Aside from "../components/aside";
export default {
  components: {
    Nav,
    Aside
  }
};
</script>

<style scoped>
.wrap .main .content .detail{padding:15px;}
.wrap .main .content .detail h3{border-bottom:1px solid #f2f2f2;padding-bottom:15px;padding-left:10px;font-size:1.8rem;}
.wrap .main .content .detail h4{border-bottom:1px solid #f2f2f2;padding-bottom:10px;padding-left:15px;font-size:1.1rem;}
.wrap .main .content .detail a{color:#08c;text-decoration: underline;}
.wrap .main .content .detail p{padding:10px;}
.wrap .main .content .detail code {padding:2px 5px;background:#fcfcfc;}
.wrap .main .content .detail ul{padding:10px 20px;}
.wrap .main .content .detail li{line-height:2rem;}
.wrap .main .content .detail pre{background:#f2f2f2;padding:5px 10px;}
.wrap .main .content .detail pre code{background:none;white-space: pre-wrap;}
.about-friend-links a img{width:250px;height:60px;}
</style>
